<template>
	<div>
		<div class="guanzhu">
			<div class="left">
				<img src="../../assets/img/gerenzhongxin/gongzhonghao/left-arrow.png" alt=""/>
			</div>
			<p>关注公众号</p>
		</div>
		<div class="weixin">
			<p class="fuwu">微信服务号:</p>
			<p class="ala">aladeng</p>
			<p class="ctrlc">长按可复制</p>
			<div class="erweima">
				<img src="../../assets/img/gerenzhongxin/gongzhonghao/erweima.png"/>
			</div>
			<p class="keyi">"您可以：通过微信”扫一扫”扫描上方二维码，找到我们"</p>
			<div class="fenge"></div>
			<p class="alad"> 关注阿拉灯微信服务号</p>
			<p class="wuliu">发货、物流、补货通知早知道</p>
			<div class="myewm">
				<img src="../../assets/img/gerenzhongxin/gongzhonghao/ma.png"/>
			</div>
			
		</div>
	</div>
</template>

<script>
</script>

<style>
	#app{
		overflow: hidden;
	}
	.guanzhu{
		width: 100%;
		height: 9.6rem;
		background: #e53e42;
	}
	.left{
		float: left;
		width: 2.3rem;
	}
	.left img{
		width: 2.3rem;
		height: 3.8rem;
		color: white;
		margin: 2.9rem 2rem;
	}
	.guanzhu p{
		float: left;
		width: 18.3rem;
		color: white;
		font-size: 3.6rem;
		margin: 2rem 25rem;
		font-weight: 500;
	}
	.weixin{
		position: relative;
		width: 100%;
		height: 100%;
	}
	.fuwu{
		font-size: 3rem;
		margin-top: 5.2rem;
	}
	.ala{
		font-size: 3rem;
		margin-top: 2rem;
		color: red;
	}
	.ctrlc{
		font-size: 2.7rem;
		margin-top: 2rem;
		color: gray;
	}
	.erweima img{
		margin-top: 11rem;
		width: 70%;
	}
	.myewm{
		position: absolute;
		left: 42%;
		top: 39%;
	}
	.myewm img{
		width: 20.4rem;
		height: 20.5rem;
	}
	.keyi{
		font-size: 2.5rem;
		margin-top: 10rem;
	}
	.fenge{
		width: 61rem;
		height: 0.2rem;
		background: darkgrey;
		margin: 4rem 6rem;
	}
	.alad{
		margin-top: 5.5rem;
		font-size: 2.4rem;
	}
	.wuliu{
		font-size: 3rem;
	}
</style>